<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>userlist</title>
    <style type="text/css">
        body{
            background: #fafff3;
            font-size: 14px;
            color: #333;
        }
    </style>

    <style>
        #customers
        {
            font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            width:100%;
            border-collapse:collapse;
        }
        #customers td, #customers th 
        {
            font-size:1em;
            border:1px solid #98bf21;
            padding:3px 7px 2px 7px;
        }
        #customers th 
        {
            font-size:1.1em;
            text-align:left;
            padding-top:5px;
            padding-bottom:4px;
            background-color:#A7C942;
            color:#ffffff;
        }
        #customers tr.alt td 
        {
            color:#000000;
            background-color:#EAF2D3;
        }
    </style>
</head>
<body>
    <h1> User list </h1>
    <table id="customers">
        <tr>
            <th>
                name
            </th>
            <th>
                age
            </th>
            <th>
                email
            </th>
            <th>
                fullname
            </th>
            <th>
                location
            </th>
            <!-- <th>
                gender
            </th> -->
        
        </tr>

        <% for(var i in showfind){
            %>
        <tr>
            <td>  <%=showfind[i].username%>  </td>
            <td> <%=showfind[i].age%></td>
            <td> <%=showfind[i].email%></td>
            <td> <%=showfind[i].fullname%></td>
            <td> <%=showfind[i].location%></td>
            
        </tr>
        <% } %>
</body>
</html>